/* 
 * Small CSS framework Bica. This is the css style for reset, font, layout, layout module, common elements.
 * @version 1.0.1 Nov 7th, 2008 
 */ 
/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,table,tbody,tfoot,thead{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100.01%;font-family:inherit;vertical-align:baseline;}
input,textarea{margin:0;padding:0 0 0 1px;font-weight:inherit;font-style:inherit;font-size:11px;font-family:tahoma;}
textarea{width:117px;padding-left:1px}
caption,th,td{font-weight:normal;}
table{/*border-collapse:collapse;border-spacing:0;*/}
table,td,th{/*border-style:solid;border-width:1px;border-color:#a5acb2*/}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"""";}
q:before,q:after{content:'';}
img{border:none;}
:focus,a,*{outline:0;}
ul,li{list-style-type:none}

/* Font */
body{font-size:62.5%;font-family:/*Arial, Tahoma,*/ Verdana;} /* 1em 10px */

/* Layout */
.wrapper1000,
.wrapper974,
.wrapper780,
.wrapper776	{margin:auto;text-align:left;width:974px;} /* 974 center */
.wrapper1000{width:1000px}
.wrapper780	{width:780px;}
.wrapper776	{width:776px} /* 776 center */
.wrapper100	{width:auto;margin:auto 10px;} /* 100% marginleft&right is prevent the content from "bleeding" into the browser's chrome */
#hd,#ft{clear:both}
#bd:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*#bd{zoom:1;}*/ /* validation */

/* Layout module */
body.center{text-align:center;}
body .fixed-776{width:776px;}
body .fixed-974{width:974px;}
body .zoom-776{	width:77.6em;}
body .zoom-974{	width:97.4em;}
body .full-100{	width:100%;}
.section, .standard, .classic, .layout{clear:both;width:100%;}
.section, .gr{position:relative;} 
.layout .gr{float:left;}
.a-b .b, 	.a-c .c,	.b-c .c 	{float:right;}
.a-b .gr .b,.b-c .gr .c,.a-c .gr .c {float:left;}
.classic .a-b-c .gr,.standard .classic .a-b-c .gr,
.classic .a-b .gr,	.standard .classic .a-b .gr,
.classic .b-c .gr,	.standard .classic .b-c .gr {width:25%;} 
.classic .a-b-c .b, .standard .classic .a-b-c .b{width:50%;}
.classic .a-b .b,  	.standard .classic .a-b .b,
.classic .b-c .b,	.standard .classic .b-c .b 	{width:75%;}
.a-b-c-d .gr, 		.standard .a-b-c-d .gr, .standard .layout .a-b-c-d .gr	{width:25%;}
.a-b-c .gr, 		.standard .a-b-c .gr, 	.standard .layout .a-b-c .gr 	{width:33.3%;}
.a-c .gr, 			.standard .a-c .g, 		.classic .a-c .gr 				{width:50%;} 
.a-b .b, .b-c .b, 	.standard .a-b .b, 		.standard .b-c .b,	.standard .layout .a-b .b,	.standard .layout .b-c .b {width:67%;}
.a-b .a, .b-c .a, 	.standard .a-b .a, 		.standard .b-c .c, 	.standard .layout .a-b .a, 	.standard .layout .b-c .c {width:33%;}
	/* Optional 
	.tidy .layout{overflow:hidden;}
	.tidy .gr{margin-bottom:-1000em ! important; padding-bottom:1000em ! important;}
		@media all and (min-width: 0px){
		.tidy .gr {margin-bottom:0;padding:0;}
		.tidy gr:after{background:inherit;content:' ';display:block;margin-bottom:-1000px;padding-bottom:1000px;}}
	.untidy .layout{overflow:visible;}
	.untidy .gr	{margin-bottom:0 ! important;padding-bottom:0 ! important;}
		@media all and (min-width: 0px){
		.tidy gr:after{display:inline;margin-bottom:0;padding-bottom:0;}}*/
		
/* Common elements */
.l{float:left}
.r{float:right}
.o{overflow:hidden}
.h{display:none}
.m0{ margin:0}
.p0{ padding:0}
.last{ margin-right:0; padding-right:0}
.cl,.clf{clear:both}
.clf{float:left}
hr{border:none;border-top:1px solid #ccc;height:1px;clear:both}
a{text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4,h5,h6{font-weight:700;} /* 62.5% standar size */
h1{font-size:1.8em;}
h2{font-size:1.3em;}
h3{font-size:1.2em;}
h4{font-size:1.1em;}
h5{font-size:1em;}
h6{font-size:0.9em;}
ul.ul-h{clear:both;}
ul.ul-h li{float:left}
ol li{list-style:decimal inside;}

/* easy clearing */
.clearfix:after{content:'';display:block;height:0;clear:both;visibility: hidden;font-size:0} 
.clearfix{display: inline-block;position: relative;}
/*\*/
.clearfix{display: block;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/************ 	COMMON	********************/
html{}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;	
	background:#ebebeb;
	padding-left:5px;
}

a{
	color:#33b3c0
}
input{
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}

.red{
	color: #ee3322;
}
.error{
	background-color:#ffedeb;
	border:1px solid #ee3322;
	border-left-width:3px;
	color:#ee3322;
	font-size:12px;
	font-weight:700;
	padding:5px 10px;
	margin:10px 0;
}
.description{
	font-size:11px;
	color:#aaa;
}

.imgLeft{
	float:left;
	margin-right:10px;
}

.s60{
	width:60px
}
.width100{
	width:100px;
}


.btnTop{
	position:absolute;
	right:15px;
}

.top_callFunc{
	clear:both;
	overflow:hidden;
	height: 60px;
	}
	.top_callFunc div.l{
		padding-top:10px;
		margin-right:5px;
	}
	.top_callFunc a.btn,
	.top_callFunc input.btn{
		margin-left:5px;
	}


.divider{
	color:#999;
	margin:0 10px;
}


/************ 	THEME DEFAULT 	************/
.wrapper{
	width: 100%;
	min-width:900px;
	height:100%;
	margin: 0 auto;
	position: relative;
	
}

.btn_expandMenu{	
	position:absolute;
	left:0;
	top:0;
}

/* Header */
.hd{
	height:60px;
	line-height:60px;
	overflow:hidden;
	margin:0 15px 20px;
	padding:0;
	}
	.hd-logo{
		font-size:26px;
		font-weight: bold;
		color:#464648;
		text-transform: uppercase;
		text-shadow:2px 2px 1px #ccc;
		}
		.hd-logo:hover{
			color:#777;
			text-decoration:none;
		}
	.hd-r{
		line-height:60px;
		float:right;
		color:#999;
	}		
		.hd-username{
			color:#333;
		}
		.hd-divider{
			color:#999;
			margin:0 5px;
		}
		.hd-logout{
			color:#333;
			font-weight:700;
		}


/* Footer */
.ft{
	clear: both;
	padding-left: 20px;
	padding-top: 20px;
}

/* Breadcrumb */
.breadcrumb{
	border:1px solid #cdcdcd;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:#eee;
	background: -moz-linear-gradient(100% 100% 90deg, #e8e8e8, #fff);
	background: -webkit-gradient(linear, left top, right bottom, from(#e8e8e8), to(#fff));
	color:#656565;
	height:30px;
	font-size:10px;
	padding:0;
	margin-bottom:10px;
	overflow:hidden;
	}
	.breadcrumb span{
		height:30px;
		line-height:30px;
		background:url(../images/breadcrumb_divider.gif) no-repeat right center;
		padding:0 18px 0 11px;
		float:left;
	}
	.breadcrumb strong{
		height:30px;
		line-height:30px;
		font-size:11px;
		float:left;
		padding:0 11px;
	}
	
.breadcrumb_cat{
	background:url(../images/folder.gif) no-repeat 13px center;
	padding:12px 0 10px 45px;
	font-size:11px;
	font-weight:700;
	float:left;
	color:#aaa;
	}
	.breadcrumb_cat a{
		font-size:12px;
		color:#777;
		padding:0 6px;
	}
	.breadcrumb_cat strong{
		color:#555;
	}


/* Module Description */
.module_description{
	color:#A7A9AC;
	padding:5px 11px;
	font-size:11px;
	margin:-10px 0 20px;
}


/* Content area */
.ct{
	clear:both;
	margin-left:20px;
}


/* Sidebar */
.side{
	padding:0;
	margin:0;
	margin-bottom: 10px;
	width: 99%;
	background: #464646 ;
	height: 59px;
	
	}
	.side ul li{
		float: left;
	}
	.side ul li a{
		display: block;
		padding: 20px 20px 10px 20px;
		height: 29px;
		color: #fff;
		font-weight: bold;
		
	}
	.side ul li ul.submenu{
		position: absolute;
		margin: 0;
		padding: 0;
		display: none;
		z-index: 99999999999999999;
	}
	
	.side ul li ul.submenu li{
		background: #464646;
		
	}
	
	.side ul li a:hover,.side ul li a.active{
		background: #30a4b1;
		color: #fff;
	}
	
	.menu-des{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:30px;
		font-weight:700;
		color:#a7a9ac;
		cursor:e-resize;
		text-transform:uppercase;
		padding:0 15px;
		margin:0;
	}
	.menu-desSub{
		font-size:11px;
		color:#a7a9ac;
		cursor:e-resize;
		padding:0 15px;
		margin-bottom:25px;
	}
	.menu{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;		
		}
		.menu h2{
			color:#000;
			cursor:n-resize;
			font-size:13px;
			font-weight:700;
			text-transform:uppercase;
			margin:12px 0 2px;
			padding:0 15px;
		}
		.menu h2.menu-expanded{
			background:url(../images/arrow_animate_up.gif) no-repeat -150px center;
		}
		.menu h2.menu-collapsed{
			background:url(../images/arrow_animate_down.gif) no-repeat -150px center;
		}
		.menu a{
			color:#a7a9ac;
			display:block;
			padding:1px 15px;
			}
			.menu a:hover{
				/*color:#0084ff;*/
				color:#666;
				background:url(../images/menu_hover.gif) repeat-y;
				text-decoration:none;
			}
		.menu a.active{
			color:#0084ff;
			background:url(../images/menu_arrow.gif) no-repeat left center;
		}
		

/* Main content */
.main{
	float:left;
	width:97%;
	font-size:12px;
	padding-bottom:50px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;

}
.mainCover{
	width:100%;
}
.mainInner{
	padding:0 15px 0 0;
}


/*****************************************************************************/


.table-Form1{	
	}
	.table-Form1 tr{
	}
	.table-Form1 td{
		vertical-align:top;
		padding:3px 0;
	}	
	.table-Form1 .textLabel{
		width:15%;
		font-weight:700;
		line-height:26px;
		}
		.table-Form1 .textLabel .label-description{
			color:#888;
			font-weight:400;
			font-size:11px;
			margin-top:-7px;
		}
	
	.table-Form1 .sep td{
		/*border-top:1px solid #cdcdcd;
		border-bottom:1px solid #fff;*/
		height:10px;
		font-size:0;
		overflow:hidden;
		}
		.table-Form1 .sep p{
			clear:both;
			border-top:1px dotted #bbb;
			height:1px;
			font-size:0;
			overflow:hidden;
			margin:5px 0;
		}
		
	.table-Form1 .tab_language{
		margin:10px 0;
	}
	
		.table-Form1 input[type="text"],.table-Form1 input[type="password"],
		.table-Form1 textarea,
		.table-Form1 select{
			border:1px solid #cdcdcd;
			-moz-border-radius: 3px;
			border-radius: 3px;
			padding:5px 5px;
			font-size:12px;			
			word-wrap:break-word;
			}		
			.table-Form1 input[type="text"]:hover,
			.table-Form1 textarea:hover{
				border-color:#0084ff;
			}
			.table-Form1 input[type="text"]:focus,
			.table-Form1 textarea:focus{
				border-color:#0084ff;
				background-color:#eef5ff;
			}
		.table-Form1 input[type="checkbox"] {
			vertical-align:text-bottom;
			word-wrap:break-word;
			margin:0 3px 1px 0;
		}
		.table-Form1 input[type="file"] {
		}
		
		.table-Form1 .gallery-inputFile{
			width:52%; 
			border-top:1px dotted #aaa;
			overflow:hidden;
			margin-bottom:10px;
			
			}
			.table-Form1 .gallery-inputFile p{
				border-bottom:1px dotted #aaa;
				font-size:11px;
				font-style:italic;
				width:100%;
				padding:4px 10px;
				background-color:#ebebeb;
			}
			.table-Form1 .gallery-inputFile label{
				display:block;
				width:90px;
				float:left;
				line-height:22px;
			}
		
		
		.table-Form1 select{
			padding:4px 5px;
		}
		.table-Form1 textarea{
			width:72%;
		}
		
		.table-Form1 .txf-normal{
			width:72%;
		}
			
		.btn{
			font-size:12px;
			font-weight:700;
			color:#fff;
			cursor:pointer;
			margin:5px 0 0 0;
			padding:5px 15px;
			border:none;
			-moz-border-radius: 5px;
			border-radius: 5px;
			background-color:#33b3c0;
			background: -moz-linear-gradient(100% 100% 90deg, #33b3c0, #33b3c0);
			background: -webkit-gradient(linear, left top, left bottom, from(#33b3c0), to(#33b3c0));
		}
		.btn:hover{
			background: -moz-linear-gradient(100% 100% 90deg, #f8931f, #f8931f);
			background: -webkit-gradient(linear, left top, left bottom, from(#f8931f), to(#f8931f));
		}
		a.btn:hover{
			text-decoration:none;
		}
		.btn_cancel{
			background: -moz-linear-gradient(100% 100% 90deg, #999, #ccc);
			background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#ccc));
		}
		
		
		.link-addMore{
			padding:5px 0;
			}
			.link-addMore a{
				color:#555;
				font-weight:700;
				padding-left:20px;
				background:url(../images/icon_plus.gif) no-repeat 0 center;
			}
			.link-addMore a:hover{
				color:#3684fc;
				background-image:url(../images/icon_plus_hover.gif);
				text-decoration:none;
			}


	.searchForm{
		float:right;
		text-align:right;
		width:400px;
		}
		.searchForm .txf-normal{ color:#555;}


/*****************************************************************************/

/*
 *	TPL Home
 */
.cms_home{
	font-size:20px;
	padding-top:30px;
	}
	.cms_home .homeFuncs a{
		color:#777;
		font-size:18px;
		font-weight:400;
		display:block;
		width:190px;
		float:left;
		text-align:center;
		text-transform:uppercase;
		margin:20px 20px 0 0;
		padding:15px 0;
		background-color:#ccc;
		background: -moz-linear-gradient(100% 100% 90deg, #ccc, #eee);
		background: -webkit-gradient(linear, left top, right bottom, from(#ccc), to(#eee));
		-moz-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0px 0px 5px #888;
		-webkit-box-shadow: 0px 0px 5px #888;
		box-shadow: 0px 0px 5px #888;
		}
		.cms_home .homeFuncs a:hover{
			color:#0084ff;
			text-decoration:none;
			background: -moz-linear-gradient(100% 100% 90deg, #eee, #ccc);
			background: -webkit-gradient(linear, left top, right bottom, from(#eee), to(#ccc));
			-moz-box-shadow: 0px 0px 5px #fff;
			-webkit-box-shadow: 0px 0px 5px #fff;
			box-shadow: 0px 0px 5px #fff;
		}
		
	.spacing{
		width:100%;
		height:50px;
		clear:both;
	}


.language_tab{
	padding:0 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	height: 25px;
	}
	.language_tab a{
		color:#fff;
		display: block;
		float: left;
		font-weight:700;
		font-size:11px;
		padding: 5px 15px;
		margin:0 5px -1px 0;
		background: #ccc;
		background: -moz-linear-gradient(100% 100% 90deg, #ccc, #aaa);
		background: -webkit-gradient(linear, left top, right bottom, from(#ccc), to(#aaa));
		border: 1px solid #ccc;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}
	.language_tab a:hover{
		text-decoration:none;
		background: #ccc;
		background: -moz-linear-gradient(100% 100% 90deg, #ccc, #999);
		background: -webkit-gradient(linear, left top, right bottom, from(#ccc), to(#999));
	}
	.language_tab a.active{
		color:#33b3c0;
		background: #f4f4f4;
		border-bottom-color: #f4f4f4;
		background: -moz-linear-gradient(100% 100% 90deg, #f4f4f4, #fff);
		background: -webkit-gradient(linear, left top, right bottom, from(#f4f4f4), to(#fff));
		font-weight:700;
	}
	


.galleryImage{
	width:100%;
	clear:both;
	overflow:hidden;
	border:1px solid #ccc;
	background-color:#ebebeb;
	padding:0;
	margin-bottom:20px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
	.galleryImage li{
		float:left;
		width:90px;
		height:85px;
		padding:10px;
		text-align:center;
		overflow:hidden;
		}
		.galleryImage li:first-child{
			-moz-border-radius: 2px 0 0 2px;
		}
		.galleryImage li:hover{
			background-color:#f5f5f5;
		}
	.gallery-name{
		font-size:11px;
		padding:5px 0;
	}
	.gallery-image img{
		border:1px solid #ccc;
		-moz-box-shadow: 1px 1px 1px #888;
		-webkit-box-shadow: 1px 1px 1px #888;
		box-shadow: 1px 1px 1px #888;
	}

.callAction{}
	.callAction_hide{
		display:none;
	}
	.callAction_hide img{
		margin:0 2px;
	}


.table_list{
	clear:both;
}
table.table_list{
	/*border-top: 1px solid #ECECEC;
	border-left: 1px solid #dfdfdf;	*/
}	
table.table_list tr.sep{
	background: #ECECEC;
	height:5px;
}	
table.table_list td{
	/*border-right: 1px solid #ECECEC;*/
	border-bottom: 1px solid #dfdfdf;
	background-color:#fff;
	padding:3px 0;
	}
	table.table_list td.active{
		background: #e5f2ff;
	}
	table.table_list .lastColumn{
		border-right:1px solid #dfdfdf;
	}
	table.table_list .firstColumn{
		border-left:1px solid #dfdfdf;
	}	
		table.table_list tr.tr_cat1 td{
			background:url(../images/tr_cat_bg.gif) repeat;
		}
		table.table_list tr.tr_cat2 td{
			background:#eee url(../images/tr_cat_bg.gif) repeat;
		}
		table.table_list tr.tr_content1 td{
			background-color:#fff
		}
		table.table_list tr.tr_content2 td{
			background-color:#faf8e3;
		}
		table.table_list tr.tr_hover td{
			background-color:#e5f2ff
		}
		
table.table_list th{	
	background: #ECECEC;
	background: -moz-linear-gradient(100% 100% 90deg, #dfdfdf, #ededed);
	background: -webkit-gradient(linear, left top, right bottom, from(#dfdfdf), to(#ededed));
	border-top:1px solid #dfdfdf;
	font-weight:700;
	font-size:11px;
	text-transform:capitalize;
	padding:8px 0;
	vertical-align:top
	}
	table.table_list th.lastColumn{
		-moz-border-radius: 0 5px 0 0;
		border-radius: 0 5px 0 0;
	}
	table.table_list th.firstColumn{
		-moz-border-radius: 5px 0 0 0;
		border-radius: 5px 0 0 0;
	}
table.table_list .ondrag-cat{
	background: #FFFF66;
}
table.table_list .ondrag-list{
	background: #eeeeee;
}

		table.table_list td{
			position:relative;
			vertical-align:top;			
			}
			table.table_list td div{
				padding-bottom:20px;
			}

		table.table_list .th-checkbox	{  padding-right:5px; text-align:center}
			table.table_list .th-checkbox input{ }
		table.table_list .th-name		{  font-size:13px; font-weight:700; text-align:left; padding-right:15px}
			table.table_list td.th-name a	{ color:#33b3c0;}
			table.table_list td.th-name a:hover{ color:#f8931f; text-decoration:none}
		table.table_list .th-date		{ width:120px; text-align:left; vertical-align:middle}
			table.table_list td.th-date	{ color:#999; font-size:12px;}
		table.table_list .th-action,	
		table.table_list .th-order,
		table.table_list .th-status		{   text-align:center; vertical-align:middle}
			table.table_list .th-action img,	
			table.table_list .th-order input,
			table.table_list .th-status	img{}
			
			table.table_list .th-order input{ padding:2px; text-align:center;}
		
		table.table_list td div.th-actions{
			/*background-color:#dfdfdf;*/
			position:absolute;
			width:80%;
			z-index:9;
			margin-top:5px;
			text-align:left;
			/*padding-left:48px;*/
			display:none;
			padding:0;
			}
			.th-actions a{
				color:#888;
				padding:0 15px 0 20px;
				font-size:11px;
				font-weight:400;
			}
			.th-actions a:hover{
				color:#000;
				text-decoration:none;
			}
				.th-actions .action-delete{
					background:url(../images/delete_d.png) no-repeat left center;
					}
					.th-actions a.action-delete:hover{
						background-image:url(../images/delete.png);
					}
				.th-actions .action-edit{
					background:url(../images/edit_d.png) no-repeat left center;
					}
					.th-actions a.action-edit:hover{
						background-image:url(../images/edit.png);
					}
				.th-actions .action-feature{
					background:url(../images/link_add_d.png) no-repeat left center;
					}
					.th-actions a.action-feature:hover{
						background-image:url(../images/link_add.png);
					}
				.th-actions .action-comment{
					background:url(../images/msg_d.png) no-repeat left center;
					}
					.th-actions a.action-comment:hover{
						background-image:url(../images/msg.png);
					}
				.th-actions .action-move{
					background:url(../images/move_d.png) no-repeat left center;
					}
					.th-actions a.action-move:hover{
						background-image:url(../images/move.png);
					}

		.bottom_callAction{
			padding-top:30px;			
			}
			.bottom_callAction strong{
				font-size:11px;
			}
			.bottom_callAction .btn{
				font-size:11px;
				font-weight:400;
				background-color:#ddd;
				background: -moz-linear-gradient(100% 100% 90deg, #aaa, #ccc);
				background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#ccc));
				padding:3px 8px;
			}
			.bottom_callAction .btn:hover{
				background: -moz-linear-gradient(100% 100% 90deg, #0042c9, #0084ff);
				background: -webkit-gradient(linear, left top, left bottom, from(#0042c9), to(#0084ff));
			}
			
	.submit_action{
		margin:5px 10px 0 0;
	}


.toolbar{
	text-align: right;
	margin-bottom: 20px;
}


#content{
	padding-left: 220px;
	background: url(../images/left_bg.jpg) repeat-y;
}


.form input.no_width{
	width: auto;
}
/*.form input.btn,.form input.btn_cancel{
	background: url(../images/submit.gif) no-repeat;
	width: 70px;
	height: 26px;
}

.form input.btn_cancel{
	background: url(../images/cancel.gif) no-repeat;
}*/
#divbox_content{
	background: url(../images/loader.gif) center 50% no-repeat;
}




.status_fields{ text-align: center; white-space: nowrap; width: 30px; }
.warning{ background: #CC9900; color: #000; }
